body{
	color: #5c636f;
	background:#f4f5f6;
}
/* 通用容器，定义页面宽度*/
.g-bd {min-height: 620px;}
.wrap{width: 1140px; margin: 0 auto; position: relative; }
.g-bd,.g-screen,.g-hd,.g-foot{*zoom:1;}
.g-bd:after,.g-screen:after,.g-hd:after,.g-foot:after{display:table; content:''; clear:both;}

/* ====================通用模块====================== */

 
/*aside 选择服务类别*/
.g-aside{
	position: relative;
	width: 260px;
	*z-index: 2;
}
/*主体内容*/
.g-main{
	width: 860px;
	*z-index: 2;
}
/*logo+客服简易头部*/
.m-header-simple{
	position: relative;
	height: 60px;
	border-top: 1px solid #edeeef;
	background: #fff;
	z-index: 99;	
}
.m-header-simple .logo{
	margin-top: 10px;
}
.m-header-simple .logo span {
    font-size: 24px;
    color: #276de6;
    margin-left: 5px;
    padding-left: 15px;
    vertical-align: 10px;
    border-left: 1px solid #276de6;
}
.m-header-simple .kf-line li{
	position: relative;
    float: left;
    height: 40px;
    margin-left: 30px;
    line-height: 30px;
}	
.m-header-simple .kf-line li .company-login-name{
	display:inline-block;
	color: #276de6;
	max-width: 174px;
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.m-header-simple .kf-line li .company-login-dot{
	vertical-align: 12px;
}
.m-header-simple .kf-line li.active .userinfo-list{
	display: block;
}
.m-header-simple .kf-line .userinfo-list {
	display: none;
    position: absolute;
    top: 40px;
    width: 100%;
    min-width: 100px;
    padding: 5px 0 15px 15px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
}
.m-header-simple .kf-line .userinfo-list a{
	display: block;
}
.m-header-simple .kf-line .userinfo-list a:hover{
	color: #276de6;
}
.m-header-simple .kf-line .company-login:hover .userinfo-list{
	display: block;
}
/*轮播控制点*/
.u-control-page .prev,
.u-control-page .next{ position:absolute; left:3%; top:40%; width:32px; height:40px; color:#fff; font-size: 30px; filter:alpha(opacity=50);opacity:0.5; z-index: 99; cursor: pointer; }
.u-control-page .next{ left:auto; right:3%;}
.u-control-page .prev:hover,
.u-control-page .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.u-control-page .prevStop{ display:none;  }
.u-control-page .nextStop{ display:none;  }
.u-control-page a i{ font-size: 30px;}
.u-control-page ul{
	position: absolute; 
	bottom: 10px; 
	width:100%; 
	text-align: center; 
	zoom:1;
	z-index: 99;
}
.u-control-page ul li{
	display: inline-block; 
	width:10px; 
	height:10px;
	margin: 0 5px;
	background-color: rgba(255,255,255,.4);
    filter: alpha(opacity=40); 
	border-radius: 5px; 
	transition: width .3s ease-out;
	text-indent:-999999999999px;
	 cursor:pointer;
}
.u-control-page ul li.on{ 
	width: 30px; 
	height:9px;
 }

/*footer*/
.g-footer{
	padding: 15px 0;
	color: #999;
	font-size: 12px;
	line-height: 25px;
	text-align: center;
	background: #fff;
}
.g-footer a{
	color: #999;
}
/*按字母索引 、面包屑导航*/

.m-indices,.m-crumb{
	width: 1140px;
	margin: 0 auto;
	font-size: 12px;
	overflow: hidden;
}
.m-indices{
	padding: 10px 0 30px 0;
	line-height: 25px;
	color: #999ea6;
}
.m-indices ul li,.m-crumb ul li{
	float: left;
}
.m-indices ul li a{	
	color: #999ea6;
	text-transform: uppercase;
}
.m-crumb{
	padding: 15px 0;
	color: #999ea6;
}
.m-crumb ul li a{
	display: inline-block;
	vertical-align: middle;
    max-width: 150px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	margin: 0 5px;
	color: #999ea6;
}
.m-crumb ul li i{
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
}
.m-crumb ul li.last{
	color: #5c636f;
}
/*选择*/
.m-filter{
	padding: 10px 20px;
	background: #fff;
}
.m-filter li{
	padding: 10px 0;
	overflow: hidden;
}
.m-filter li span{
	font-weight: 600;
}
.m-filter li a{
	position: relative;
	display: inline-block;
	margin: 0 5px;
	padding: 3px 10px;
    border-radius: 2px;
    *display:inline;
     *zoom:1;
}
.m-filter li a:hover{
 color: #276de6;
 background: #e9f0fa;	
}
.m-filter li a.active{
	color: #fff;
    background-color: #276de6;
   
}
.m-filter li a.chosen {
	padding-right: 22px;
	color: #fff;
    background-color: #276de6;  
}
.m-filter li a.chosen .delete{
	position: absolute;
    right: 7px;
    top: 8px;
    width: 10px;
    height: 10px;
	background: url(../images/res/icon_delete_filter.png) no-repeat ;
}
.m-filter li .more{
	font-style: normal;
	color: #276de6;
	margin: 0 5px;
	padding: 5px 10px;
	cursor: pointer;
}
/*翻页*/
.m-page { display: table; margin-left: auto; margin-right: auto; width: auto; }
.m-page ul li { float: left; }
.m-page ul li a { 
	display: block; 
	width: 30px;
	height: 30px;
	line-height: 30px;
	margin-right: 10px;
	border-radius: 2px; 
	color: #999;
	background: #e7ebee;
	text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.m-page ul li a:hover{background:#276de6;color:#555;color:#fff;transition: background-color 0.3s;}
.m-page ul li.on a{ background:#276de6;color:#fff;transition: background-color 0.3s; }

/*提示*/
.m-tips{
	color: rgba(0,0,0,.65);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none;
    position: relative;
    padding: 5px 15px 5px 40px;
    border-radius: 2px;
}
.m-tips.tips-noicon{
	padding: 10px 15px;
}
.tips-info{
	border: 1px solid #91d5ff;
    background-color: #e6f7ff;
}
.tips-warning{
	border: 1px solid #ffe58f;
    background-color: #fffbe6;
}
.tips-error{
	border: 1px solid #ffa39e;
    background-color: #fff1f0;
}
.tips-warning-banner {
    border-radius: 0;
    background-color: #fffbe6;
}
.m-tips .icon-tips{
	position: absolute;
	top: 7px;
    left: 15px;
}
.tips-warning .icon-tips{
	color: #faad14;
}
.tips-error .icon-tips{
	color: #f5222d;
}
.tips-info .icon-tips{
	color: #276de6;
}

.m-with-tips{
	color: rgba(0,0,0,.65);
	padding: 15px 15px 15px 64px;
    position: relative;
    border-radius: 2px;
    line-height: 1.5;
}
.m-with-tips .icon-tips{
	font-size: 28px !important;
	position: absolute;
    top: 10px;
    left: 24px;
}
.m-with-tips .tips-message{
	font-size: 16px;
    color: rgba(0,0,0,.85);
    display: block;
    margin-bottom: 5px;
}
/*表单*/
.formitm{
	padding: 0 0 25px 0; 
	*zoom:1;
	display:table; 
	content:''; 
	clear:both;
}
.formitm .lab{
	float: left;
	width: 70px;
	text-align:right;
}
.formitm .ipt-box{
	position: relative;
	float: left; 
	margin-left:10px;
	*margin-left:5px;
}
.formitm .lab i{ 
	color: #e84c3d; 
	margin-right: 5px;
}
.formitm .ipt-box .img-code{
	position: absolute;
	right: 5px;
	top: 5px;
	width: 72px;
	height: 27px;
}
.formitm .ipt-box .get-code{
	position: absolute;
	right: 15px;
	top: 10px;
	color: #276de6;
	
}
.formitm .ipt-box .u-eye{
	position: absolute;
	right: 15px;
	top: 5px;
	font-size: 20px;
	color: #c8cbcf;
	cursor: pointer;
}

/*弹框*/
.m-layer{color:#5c636f; background:#fff; padding: 20px 30px 30px 30px;}
.m-layer .layer-title{ font-size: 16px; margin-bottom: 15px; color: #2e3238; }
.m-layer .formitm {padding: 0 0 20px 0;}
.m-layer .ipt-box .u-ipt{ width: 268px; height: 34px; line-height: 34px;}
.m-layer .ipt-box .u-ipt.s{ width: 180px;}
.m-layer .ipt-box .u-set{width: 280px; height: 34px; line-height: 34px;}
.m-layer .ipt-box textarea{ width: 400px; height: 100px;}

/*举报原因*/
.an-cause{
	width: 470px;
}
.an-cause label{
	/*position: relative;*/
	display:inline-block;
	padding: 0px 15px;
	margin:0 10px 10px 0;
	border: 1px solid #edeeef;
	border-radius: 2px;
	background: #fff;
	cursor: pointer;
}
.an-cause label input{
	position: absolute;
	opacity: 0;
    filter: alpha(opacity=0);
   
}
.an-cause label.checked{
	color: #276de6;
	background: #f0f7ff;
	border: 1px solid #4e88d9;
}

.accusation-layer button{
	width: 100px;
}

/* ====================通用元件====================== */
.u-list-more a{
	display: block;
    margin: 0 auto;
    width: 220px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #e2e4e7;
    border-radius: 4px;
    transition: all .3s;
}
.u-list-more a:hover{ border-color: #2c78d9; color:#2c78d9 ; }


em.error{	
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 20px;
	line-height: 20px;
	padding-left: 20px;	
	font-size: 12px;
	color: #e84c3d;	
	font-style: normal;
	background: url(../images/res/icon_warn.png) no-repeat left;	
}
input.error,textarea.error{
	border-color: #e84c3d !important;	
}
input.error:focus,
textarea.error:focus{
	 box-shadow: 0 0 4px rgba(232, 76, 61, 0.4);
}
/*用户头像*/
/*.u-avatar-xs { display: inline-block; width: 20px; height: 20px; }*/
.u-avatar-xs { display: inline-block; width: 30px; height: 30px; }
.u-avatar-sm { display: inline-block; width: 44px; height: 44px; }
.u-avatar-md { display: inline-block; width: 60px; height: 60px; }
.u-avatar-lg { display: inline-block; width: 100px; height: 100px; }
.u-avatar img,
.u-avatar-xs img,
.u-avatar-ss img,
.u-avatar-sm img, 
.u-avatar-md img,
.u-avatar-lg img { width: 100%; height: 100%; border-radius: 100%; }

/*企业头像*/
.u-company-logo-sm{ display: inline-block; width: 66px; height: 66px; line-height: 60px;text-align: center;border-radius: 4px; overflow: hidden; }
.u-company-logo-md{ display: inline-block; width: 80px; height: 80px;line-height: 80px; text-align: center; border-radius: 4px; overflow: hidden;}
.u-company-logo-lg{ display: inline-block; width: 100px; height: 100px;line-height: 100px; text-align: center;border-radius: 4px;overflow: hidden; }
.u-company-logo-sm img,
.u-company-logo-md img,
.u-company-logo-lg img{max-width: 100%; max-height: 100%;vertical-align: middle; }

/*认证图标*/
.u-photo-rz,.u-phone-rz,.u-anxious,
.u-overseas,.u-senior,.u-lighten,
.u-opus,.u-english,.u-rank,.u-wei{
	display:inline-block;
	width: 16px;
	height: 16px;
	margin-left: 5px;
	vertical-align: -4px;
	background: url(../images/res/sprite.png) no-repeat;
}
.u-rank{
	background-position:-44px 0 ;	
}
.u-photo-rz{
	background-position:-48px -24px ;	
}
.u-phone-rz{	
	background-position:-48px -166px;
}
.u-anxious{
	background-position:-48px -142px ;
}
.u-overseas{
	background-position:-48px -49px ;
}
.u-senior{
	background-position:-48px -71px;
}
.u-lighten{
	background-position:-48px -188px;
}
.u-opus{
	background-position:-48px -95px;
}
.u-english{
	background-position:-48px -120px;
}
.u-wei{
	background-position:-48px -209px;
}


/*推荐*/
.u-recommend{
	position: absolute;
	width: 37px;
	height: 39px;
	left: -1px;
    top: 0;
	background: url(../images/res/icon_recomm.png) no-repeat center;
}


/*提示圆点*/
.u-dot{
	display: inline-block;
	width: 16px;
	height: 16px;
	line-height: 16px;
	font-size: 12px;
	color: #fff;
	margin:0 0 0 5px ;
	font-style: normal;
	font-family:Simsun;
	text-align: center;
	background: #ed6f2b;
	border-radius: 100%;
}

/*空白页面*/
.g-empty{
	padding-top:50px;
	text-align: center;
	min-height: 500px;
	background: #fff;
}
.m-layer .g-empty{
	min-height: auto !important;
}

/*侧边栏广告*/
.ad-aside img{
	display: block;
	width: 260px;
}
.ad-main img{
	display: block;
	width: 860px;
}
/*小广告尺寸*/
.adsize-long img{
	width: 317px;
	height: 60px;
}
.adsize-short img{
	width: 245px;
	height: 65px;
}

@-webkit-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-5px);
		transform: translateX(-5px)
	}
	to {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-5px);
		transform: translateX(-5px)
	}
	to {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}